<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]> <html lang="en"> <![endif]-->
<head>
    <title>微服务框架</title>
    
    <!-- #include /base/meta/variable.jsp -->
 
	<meta charset="utf-8"/>
	<meta http-equiv="pragma" content="no-cache"> 
	<meta http-equiv="cache-control" content="no-cache"> 
	<meta http-equiv="expires" content="0">
	<meta content="width=device-width, initial-scale=1" name="viewport" />
	
	<link rel="shortcut icon" href="/themes/${themes}/images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/wui/themes/layout/wui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/${themes}/style.css"/>

    <!-- 脚本 -->
    <!--[if lt IE 9]>
        <script src="/wui/plugins/respond.min.js"></script>
        <script src="/wui/plugins/excanvas.min.js"></script> 
        <script src="/wui/plugins/placeholder.js"></script> 
    <![endif]-->
    
</head>
<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-sidebar-fixed page-footer-fixed">
    <!-- 头部 -->
    <div class="page-header navbar navbar-fixed-top">  
        <div class="page-header-inner ">
            
            <div class="page-logo">
                <a href="index.html">
                    <img src="/themes/${themes}/images/logo.png" alt="logo" class="logo-default" />
                </a>
            </div>
            
            <div class="menu-toggler sidebar-toggler pull-left">
                <span></span>
            </div>
        
            <div class="top-menu">
             	<!-- 头导航 -->
                <ul id="ulNavMenu" class="nav navbar-nav pull-right"></ul>
            </div>
        </div>
    </div>
    
    <div class="clearfix"> </div>
    
    <!-- 正文 -->
    <div class="page-container">
        <!-- 左导航 -->
        <div class="page-sidebar-wrapper">
            <div class="page-sidebar navbar-collapse collapse">
                <ul id="page-sidebar-menu" class="page-sidebar-menu"></ul>
            </div>
        </div>
        
		<!-- 右页面 -->
        <div class="page-content-wrapper">
            <div class="page-content">
                <iframe id="content-iframe" name="miframe" frameborder="0" allowtransparency="true" style="height: 100%; width: 100%;" src=""></iframe>
            </div>
        </div>
    </div>
    
    <!-- 脚部 -->
    <div class="page-footer">
        <div class="page-footer-inner"> 
            <a target="_blank" href="###">2018-by@bingomedia@design</a>
        </div>
        <div class="scroll-to-top">
            <i class="icon-arrow-up"></i>
        </div>
    </div>
    
    <!-- 脚本 -->
    <script src="/wui/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="/wui/plugins/template-web.js" type="text/javascript"></script>
    <script src="/wui/wui.plugins.min.js" type="text/javascript"></script>
    <script src="/wui/wui.min.js" type="text/javascript"></script>

    <script src="/wui/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="/wui/plugins/app.js" type="text/javascript"></script>
    <script src="/wui/plugins/layout.js" type="text/javascript"></script>
    
    <script src="/scripts/index/indexController.js?t=1" type="text/javascript"></script>
    <script src="/scripts/index/indexService.js" type="text/javascript"></script>

    <script>
    
        $(document).ready(function (){

        	// 根据当前登陆用户信息，加载页面数据信息
        	var success = loadPageInfo; 
        	var fail = function(error){
        		alert(error.message);
        	}
        	indexService.getCurrentUserInfo(success, fail);
            
        }); // end $(document).ready(function ()
         
    </script>
       
    <script id="navMenuTemplate" type="text/html">
		{{each childs menu i}}
		<li class="dropdown root-nav {{if childs.length - 1 == i}} root-last-nav {{/if}}">
			<a href="#" class="dropdown-toggle" _menuName="{{menu.name}}" title="{{menu.name}}">
				<i class="{{menu.icon}}"></i> {{menu.name}}
			</a>
		</li>
		{{/each}}

		<li class="dropdown dropdown-user">
			<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<img id="imguserPictuerUrl" class="img-circle" />
				<span id="spanUserName" class="username username-hide-on-mobile"></span>
				<i class="fa fa-angle-down"></i>
			</a>
			<ul class="dropdown-menu dropdown-menu-default">
				<!--  <li class="divider"> </li>-->
				
				<li>
					<a href="page_user_login_1.html">
						<i class="fa fa-key"></i> 退出 
					</a>
				</li>
			</ul>
		</li>
	</script>
	
	<script id="sidebarMenuTemplate" type="text/html">
    	{{each childs value i}}
            <li class="nav-item">
                <a _href="{{value.url}}" class="nav-link {{if value.childs && value.childs.length > 0}} nav-toggle {{/if}}" menuid="{{value.id}}" {{if value.childs && value.childs.length > 0}}_hasChild="true"{{/if}}>
                    <i class="{{value.icon}}"></i>
                    <span class="title">{{value.name}}</span>
                    {{if value.childs && value.childs.length > 0}}
                    <span class="arrow "></span>
                    {{/if}}
                </a>
                {{if value.childs && value.childs.length > 0}}
                <ul class="sub-menu">
                    {{each value.childs subval n}}
                    <li class="nav-item">
                        <a _href="{{subval.url}}" class="nav-link {{if value.childs && value.childs.length > 0}} nav-toggle {{/if}}" menuid="{{subval.id}}" {{if subval.childs && subval.childs.length>0}}_hasChild="true"{{/if}}>
                            <span class="title">{{subval.name}}</span>
                            {{if subval.childs && subval.childs.length>0}}
                                <span class="arrow "></span>
                            {{/if}}
                        </a>
                        {{if subval.childs && subval.childs.length>0}}
                        <ul class="sub-menu">
                            {{each subval.childs thrval m}}
                            <li class="nav-item">
                                <a _href="{{thrval.url}}" class="nav-link {{if value.childs && value.childs.length > 0}} nav-toggle {{/if}}" menuid="{{thrval.id}}" {{if thrval.childs && thrval.childs.length > 0}}_hasChild="true"{{/if}}>
                                    <span class="title"> {{thrval.name}} </span>
                                    {{if thrval.childs && thrval.childs.length > 0}}
                                        <span class="arrow "></span>
                                    {{/if}}
                                </a>
                                {{if thrval.childs && thrval.childs.length > 0}}
                                <ul class="sub-menu">
                                    {{each thrval.childs fourval x}}
                                    <li class="nav-item">
                                        <a _href="{{fourval.url}}" class="nav-link {{if value.childs && value.childs.length > 0}} nav-toggle {{/if}}" menuid="{{fourval.id}}">
                                            <span class="title">{{fourval.name}}<span>
                                        </a>
                                    </li>
                                    {{/each}}
                                </ul>
                                {{/if}}
                            </li>
                            {{/each}}
                        </ul>
                        {{/if}}
                    </li>
                    {{/each}}
                </ul>
                {{/if}}
            </li>
    	{{/each}}
    </script>
</body>